<template>
  <!--没有子菜单-->
  <a-menu-item v-if="!(menu.children && menu.children.length>0)" :key="menu.id">
    <template #icon>
      <component :is="menu.iconType"></component>
    </template>
    <template v-if="menu.menuType === 'cate'">{{ menu.menuName }}</template>
    <!--        <router-link v-else :to="menu.routePath">{{ menu.menuName }}</router-link>-->
    <a v-else @click="to(menu)">{{ menu.menuName }}</a>
  </a-menu-item>
  <!--有子菜单-->
  <a-sub-menu v-else :key="menu.id">
    <template #icon>
      <component :is="menu.iconType"></component>
    </template>
    <template #title>{{ menu.menuName }}</template>
    <menu-item v-for="mc in menu.children" :menu="mc"></menu-item>
  </a-sub-menu>
</template>

<script setup>
import router from '@/router.js'
import store from '@/store/store.js'

const props = defineProps({
  menu: Object,
})

function to(menu) {
  // store.commit('tab/addTab',{path:menu.routePath,title:menu.menuName})
  router.push({path: menu.routePath});
}
</script>
